<template>
  <div class="play">
    <h1>我是父组件</h1>
    <div v-html="str"></div>
    <HmSon class="abc"></HmSon>
  </div>
</template>
<script>
import HmSon from './components/HmSon.vue'
export default {
  components: {
    HmSon
  },
  data () {
    return {
      str: '<h3 class="aaa">我是内容</h3>'
    }
  }
}
</script>
<style lang="less" scoped>
// scoped:只管当前组件+子组件最外层
// scoped:看得到(html)的就管的到，看不到的管不到,子组件相当看到最外层
// ::v-deep  深度选择器        >>>  /deep/
.play {
  h1 {
    color: red;
  }
  ::v-deep .xxx {
    border: 10px solid orange;
  }
}
</style>
